﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Home Test</title>
    <link href="css/bootstrap.min.css" rel="stylesheet" />
    <link href="css/HomeStyle.css" rel="stylesheet" />
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js">
    </script>
    <script type="text/javascript"> 
        //$(function () {
        //    $('#sbzoff_frame').load("<html><head><head><body>fgffffh</boby></html>");
        //});
        $(document).ready(function () {
            $(window).scroll(function () {
                if ($(this).scrollTop() > 50) {
                    $('#back-to-top').fadeIn();
                } else {
                    $('#back-to-top').fadeOut();
                }
            });
            // scroll body to 0px on click
            $('#back-to-top').click(function () {
                $('#back-to-top').tooltip('hide');
                $('body,html').animate({
                    scrollTop: 0
                }, 800);
                return false;
            });
            
            $('#back-to-top').tooltip('show');
        });
    </script>
</head>
<body>
    <header>
        <div id="top-bar">
            <div class="container">
                <div class="row">
                    <div class="col-sm-12">
                        <div class="pull-left col-sm-4">
                            <div class="lang">
                                <!-- Single button -->
                                <div class="img-logo">
                                    <a href="#">
                                        <img src="img/logo_banner.png" class="img-responsive" style="min-height:100px;min-width:450px;" />
                                    </a>
                                </div>
                            </div>
                        </div>
                        <div class="pull-right col-sm-8">
                            <!--<ul class="nav-tabs nav top-links" >
                                <li class="active"><a href="#"><i class="glyphicon glyphicon-home"></i>Home</a></li>
                                <li><a href="#">Hướng dẫn sử dụng</a></li>
                                <li><a href="#">Hướng dẫn thủ tục</a></li>
                                <li><a href="#">Sơ đồ Site</a></li>
                                <li><a href="#">Liên hệ</a></li>
                            </ul>-->                            
                            <div class="row container-fluid">
                                <nav role="navigation" class="navbar navbar-default">
                                    <div class="container-fluid">
                                        <div class="navbar-header">
                                            <button data-target="#bs-example-navbar-collapse-2" data-toggle="collapse" class="navbar-toggle collapsed" type="button">
                                                <span class="sr-only">Toggle navigation</span>
                                                <span class="icon-bar"></span>
                                                <span class="icon-bar"></span>
                                                <span class="icon-bar"></span>
                                            </button>
                                            <!--<a href="#" class="navbar-brand">Hướng dẫn sử dụng</a>
                                            <a href="#" class="navbar-brand">Hướng dẫn thủ tục</a>
                                            <a href="#" class="navbar-brand">Sơ đồ site</a>
                                            <a href="#" class="navbar-brand">Liên hệ</a>-->
                                        </div>
                                        <div id="bs-example-navbar-collapse-2" class="navbar-collapse collapse text-center">
                                            <form role="search" class="navbar-form navbar-left">
                                                <div class="btn-group" id="menu-top">
                                                    <a href="home.html" class="navbar-brand">
                                                        <i class="glyphicon glyphicon-home"></i>
                                                        Trang chủ
                                                    </a>
                                                    <a href="#" class="navbar-brand">                                                        
                                                        Hướng dẫn sử dụng
                                                    </a>                                                 
                                                    <a href="#" class="navbar-brand">Hướng dẫn thủ tục</a>
                                                    <a href="#" class="navbar-brand">Sơ đồ site</a>
                                                    <a href="#" class="navbar-brand">Liên hệ</a>
                                                </div>
                                                <!--<div class="form-group">
                                                    <input type="text" placeholder="Search" class="form-control">
                                                </div>
                                                <button class="btn btn-default" type="submit">Tìm</button>-->
                                            </form>
                                        </div>
                                    </div>
                                </nav>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div id="main-header">
            <div class="container">
                <div class="row">
                    <div class="col-sm-3">
                        <div id="login-panel" class="panel panel-primary">
                            <div class="panel-heading text-center">
                                Đăng Nhập
                                <div class="note">(Đăng nhập xem thông tin khách hàng)</div>
                            </div>
                            <div class="panel-body">
                                <div class="input-group">
                                    <span class="input-group-addon"><i class="glyphicon glyphicon-user"></i></span>
                                    <input type="text" class="form-control" placeholder="Username">
                                </div>
                                <div class="input-group">
                                    <span class="input-group-addon"><i class="glyphicon glyphicon-lock"></i></span>
                                    <input type="password" class="form-control" placeholder="Username">
                                </div>
                            </div>
                            <div class="panel-footer text-right">
                                <!--<div class="login-submit"><input type="button" class="btn-primary" value="Đăng nhập" /></div>-->
                                <button type="submit" class="btn btn-primary" onclick="location.href = 'ListPage.html' ">
                                    <i class="glyphicon glyphicon-circle-arrow-right icon-white"></i> 
                                    Đăng nhập
                                </button>
                                <button type="submit" class="btn btn-success">
                                    <i class="glyphicon glyphicon-edit icon-white"></i> Đăng ký
                                </button>
                                <div id="link_regis" class="row text-right">
                                    <a class="alert-warning">Quên mật khẩu?</a>| <a class="alert-warning">Đăng ký</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-9">
                        <div id="slider">
                            <div id="slider-demo" class="carousel slide" data-ride="carousel">
                                <!-- Indicators -->
                                <ol class="carousel-indicators">
                                    <li data-target="#slider-demo" data-slide-to="0" class="active"></li>
                                    <li data-target="#slider-demo" data-slide-to="1"></li>
                                    <li data-target="#slider-demo" data-slide-to="2"></li>
                                </ol>

                                <!-- Wrapper for slides -->
                                <div class="carousel-inner">
                                    <div class="item active">
                                        <img src="img/slider/slidemobiletknl2.jpg" class="img-responsive" />
                                        <div class="carousel-caption">
                                            <h3>Demo silder</h3>
                                            <p>What are you doing here???</p>
                                        </div>
                                    </div>
                                    <div class="item">
                                        <img src="img/slider/slidemobiletknl3.jpg" class="img-responsive" />
                                        <div class="carousel-caption">
                                            ...
                                        </div>
                                    </div>
                                    <div class="item">
                                        <img src="img/slider/slidemobiletknl4.jpg" class="img-responsive" />
                                        <div class="carousel-caption">
                                            ...
                                        </div>
                                    </div>
                                </div>

                                <!-- Controls -->
                                <a class="left carousel-control" href="#slider-demo" role="button" data-slide="prev">
                                    <span class="glyphicon glyphicon-chevron-left"></span>
                                </a>
                                <a class="right carousel-control" href="#slider-demo" role="button" data-slide="next">
                                    <span class="glyphicon glyphicon-chevron-right"></span>
                                </a>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </header>

    <!--<div class="breadcrumb">
        <a href="home.html">Home</a>
        /
        <span>Services</span>
    </div>-->

    <section id="content">
        <div class="container">
            <hr class="style-eight"/>
            <div class="row" id="title-content">
                <div class="col-sm-12">
                    <h3 class="box-title">
                        Chăm Sóc Khách Hàng Dùng Điện
                    </h3>
                </div>
            </div>            
            <div class="panel panel-info">
                <p class="tittle-introdue">
                    <strong class="text-error">Đăng ký ngay tài khoản để truy cập thông tin bổ ích nhất!</strong>
                    Website chăm sóc khách hàng thực sự là cầu nối giữa khách hàng và doanh nghiệp. Ngoài việc giải đáp những thắc mắc về điện của khách hàng, website CSKH còn kịp thời đón nhận những mong muốn của khách hàng về nhu cầu cung ứng điện, nhằm tiếp tục nâng cao chất lượng phục vụ khách hàng với chất lượng ngày càng cao và dịch vụ ngày càng hoàn hảo, xứng đáng là một trong những đơn vị hàng đầu trong lĩnh vực cung ứng điện năng với uy tín và chất lượng cao tại Việt Nam cũng như trong khu vực.
                </p>
            </div>
            <br />
            <div class="promo">
                <div class="row">
                    <div class="col-sm-4">
                        <div class="box">
                            <div class="top-box">
                                <i>
                                    <img src="img/icon/medical_invoice_information.png" class="img-circle" />
                                </i>
                                Hóa đơn điện tử
                            </div>
                            <div class="content-box">
                                <ul>
                                    <li><a href="#">Quy trình xác thực hóa đơn điện tử</a></li>
                                    <li><a href="#">Hướng dẫn xác thực hóa đơn điện tử</a></li>
                                    <li><a href="#">Chuẫn mã hóa sử dụng</a></li>
                                    <li><a href="#">Tiện ích thanh toán qua hóa đơn điện tử</a></li>
                                    <li><a href="#">Xem chi tiết hóa đơn điện tử</a></li>
                                </ul>
                            </div>
                            <div class="footer-box text-right">
                                <button type="button" class="btn btn-default">
                                    <i class="glyphicon glyphicon-circle-arrow-right"></i> Xem thêm
                                </button>
                            </div>
                        </div>
                    </div>

                    <div class="col-sm-4">
                        <div class="box">
                            <div class="top-box">
                                <i>
                                    <img src="img/icon/Pay-Per-Click-icon.png" class="img-circle" />
                                </i>
                                Thanh toán trực tuyến
                            </div>
                            <div class="content-box">
                                <ul>
                                    <li><a href="#">Hướng dẫn thanh toán trực tuyến</a></li>
                                    <li><a href="#">Thanh toán tiền điện</a></li>
                                    <li><a href="#">Hỗ trợ thanh toán qua nhiều ngân hàng</a></li>
                                    <li><a href="#">Giảm thời gian, thủ tục thanh toán</a></li>
                                    <li><a href="#">Thanh toán bằng hình thức quẹt thẻ</a></li>
                                </ul>
                            </div>
                            <div class="footer-box text-right">
                                <!--<a href="#" class="btn btn-default">Read more</a>-->
                                <button type="button" class="btn btn-default">
                                    <i class="glyphicon glyphicon-circle-arrow-right"></i> Xem thêm
                                </button>
                            </div>
                        </div>
                    </div>

                    <div class="col-sm-4">
                        <div class="box">
                            <div class="top-box">
                                <i>
                                    <img src="img/icon/find.png" class="img-circle" />
                                </i>
                                Tra cứu hệ thống
                            </div>
                            <div class="content-box">
                                <ul>
                                    <li><a href="#">Hướng dẫn tra cứu thông tin</a></li>
                                    <li><a href="#">Tra cứu thông tin chỉ số theo ngày</a></li>
                                    <li><a href="#">Tra cứu thông tin khách hàng</a></li>
                                    <li><a href="#">Tra cứu lịch sử dùng điện</a></li>
                                    <li><a href="#">Tra cứu thông tin thanh toán</a></li>
                                </ul>
                            </div>
                            <div class="footer-box text-right">
                                <button type="button" class="btn btn-default">
                                    <i class="glyphicon glyphicon-circle-arrow-right"></i> Xem thêm
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div id="newlist" class="row">
                <div class="col-sm-9">
                    <div id="event-box-title">
                        Sự kiện <a class="rss" href="http://fit.utehy.edu.vn/rss?cat=events">RSS</a>
                    </div>
                    <div id="event-content">
                        <div class="event-post">
                            <div class="event-number">
                                1
                            </div>
                            <div class="event-date">
                                12/04/2014
                            </div>
                            <div class="event-right">
                                <a href="Event.aspx?eid=17">
                                    Lịch cắt điện 2014
                                </a>
                            </div>

                        </div>

                        <div class="event-post">
                            <div class="event-number">
                                2
                            </div>
                            <div class="event-date">
                                28/03/2014
                            </div>
                            <div class="event-right">
                                <a href="Event.aspx?eid=16">
                                    Hướng dẫn sử dụng dịch vụ thanh toán điện tử
                                </a>
                            </div>

                        </div>

                        <div class="event-post">
                            <div class="event-number">
                                3
                            </div>
                            <div class="event-date">
                                01/03/2014
                            </div>
                            <div class="event-right">
                                <a href="Event.aspx?eid=10">
                                    Câu hỏi thường gặp phía khách hàng
                                </a>
                            </div>

                        </div>

                        <div class="event-post">
                            <div class="event-number">
                                4
                            </div>
                            <div class="event-date">
                                20/11/2013
                            </div>
                            <div class="event-right">
                                <a href="Event.aspx?eid=9">
                                    Tổng kết tài khoản thành viên VIP hệ thống
                                </a>
                            </div>

                        </div>

                        <div class="event-post">
                            <div class="event-number">
                                5
                            </div>
                            <div class="event-date">
                                17/11/2013
                            </div>
                            <div class="event-right">
                                <a href="Event.aspx?eid=8">
                                    Thống kê dịch vụ CSKH 2013
                                </a>
                            </div>

                        </div>

                        <div class="event-post">
                            <div class="event-number">
                                6
                            </div>
                            <div class="event-date">
                                13/11/2013
                            </div>
                            <div class="event-right">
                                <a href="Event.aspx?eid=7">
                                    Quy trình giải quyết khiếu nại
                                </a>
                            </div>

                        </div>

                        <div class="event-post">
                            <div class="event-number">
                                7
                            </div>
                            <div class="event-date">
                                07/11/2013
                            </div>
                            <div class="event-right">
                                <a href="Event.aspx?eid=1">
                                    Tạo phiếu thanh toán hóa đơn điện tử theo mẫu mới
                                </a>
                            </div>

                        </div>

                        <div class="event-post">
                            <div class="event-number">
                                8
                            </div>
                            <div class="event-date">
                                04/11/2013
                            </div>
                            <div class="event-right">
                                <a href="Event.aspx?eid=6">
                                    Cấu hình dịch vụ nhận Email thông báo
                                </a>
                            </div>

                        </div>

                        <div class="event-post">
                            <div class="event-number">
                                9
                            </div>
                            <div class="event-date">
                                26/10/2013
                            </div>
                            <div class="event-right">
                                <a href="Event.aspx?eid=5">
                                    Đăng ký dịch vụ nhận SMS thông báo tiền điện
                                </a>
                            </div>

                        </div>

                        <div class="event-post">
                            <div class="event-number">
                                10
                            </div>
                            <div class="event-date">
                                05/10/2013
                            </div>
                            <div class="event-right">
                                <a href="Event.aspx?eid=4">
                                    Tổng kết hóa đơn điện tử 2013
                                </a>
                            </div>
                        </div>
                        <div class="read-more text-left">
                            <button type="button" class="btn btn-primary">
                                <i class="glyphicon glyphicon-circle-arrow-right icon-white"></i> Xem thêm
                            </button>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="row" id="box_evnkh">
                        <div class="event-box-title-right">
                            EVN & Khách Hàng
                        </div>
                        <div class="box_evnkh_content">
                            <ul class="evnkh_right">
                                <li class="bg_item_evnkh">
                                    <i>
                                        <img width="20" height="20" src="img/dangkymuadien.png">
                                    </i>
                                    <a href="/EVN-and-khach-hang/Huong-dan-dich-vu-dien/Dang-ky-mua-dien-doi-voi-luoi-dien-ha-ap/Index.aspx">
                                        Đăng ký mua điện
                                    </a>
                                </li>
                                <li class="bg_item_evnkh">
                                    <i>
                                        <img width="20" height="20" src="img/thaydoidungdien.png">
                                    </i>
                                    <a href="/EVN-and-khach-hang/Huong-dan-dich-vu-dien/Thay-doi-dung-dien/Thay-doi-dung-dien.aspx">
                                        Thay đổi dùng điện
                                    </a>

                                </li>
                                <li class="bg_item_evnkh">
                                    <i>
                                        <img width="20" height="20" src="img/giadien.png">
                                    </i>

                                    <a href="/EVN-and-khach-hang/Gia-dien/index.aspx">Giá điện</a>
                                </li>
                                <li class="bg_item_evnkh">
                                    <i>
                                        <img width="20" height="20" src="img/xulyhanhvitromcapdien.png">
                                    </i>

                                    <a href="/EVN-and-khach-hang/Xu-ly-vi-pham-su-dung-dien/Trom-cap-dien/Xu-ly-vi-pham-trom-cap-dien.aspx">
                                        Xử lý hành vi trộm cắp điện
                                    </a>
                                </li>
                                <li class="bg_item_evnkh">
                                    <i>
                                        <img width="20" height="20" src="img/baosuachuadien.png">
                                    </i>
                                    <a href="/EVN-and-khach-hang/Huong-dan-dich-vu-dien/Bao-sua-chua-dien/Bao-sua-chua-dien.aspx">
                                        Báo sửa chữa điện
                                    </a>

                                </li>
                                <li class="bg_item_evnkh">
                                    <i>
                                        <img width="20" height="20" src="img/tamngungcapdien.png">
                                    </i>
                                    <a href="/EVN-and-khach-hang/Huong-dan-dich-vu-dien/Tam-ngung-cap-dien/Tam-ngung-cap-dien.aspx">
                                        Tạm ngừng cấp điện
                                    </a>

                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="row">
                        <form action="/poll/test.php" method="post" class="webPoll">
                            <input type="hidden" value="cf338d4a20ae4af7f66f69d47bce6e00" name="QID">
                            <h4>What subjects would you like to learn more about?</h4>
                            <fieldset>
                                <ul>
                                    <li class="bordered">
                                        <label class="poll_active">
                                            <input type="radio" value="0" name="AID">
                                            HTML &amp; CSS
                                        </label>
                                    </li>
                                    <li class="bordered">
                                        <label class="poll_active">
                                            <input type="radio" value="1" name="AID">
                                            Javascript
                                        </label>
                                    </li>
                                    <li class="bordered">
                                        <label class="poll_active">
                                            <input type="radio" value="2" name="AID">
                                            JS Frameworks (Jquery, etc)
                                        </label>
                                    </li>
                                    <li class="bordered">
                                        <label class="poll_active">
                                            <input type="radio" value="3" name="AID">
                                            Ruby/Ruby on Rails
                                        </label>
                                    </li>
                                    <li class="bordered">
                                        <label class="poll_active">
                                            <input type="radio" value="4" name="AID">
                                            PHP
                                        </label>
                                    </li>
                                    <li class="">
                                        <label class="poll_active">
                                            <input type="radio" value="5" name="AID">
                                            mySQL
                                        </label>
                                    </li>
                                </ul>
                            </fieldset>
                            <div class="text-right" id="vote-footer">
                                <button class="btn btn-success" type="submit">Vote!</button>
                            </div>
                        </form>
                    </div>

                </div>
            </div>
        </div>
    </section>

    <section id="footer">
        <div class="row">
            <div class="container">
                <div class="col-sm-3 footer-area">
                    <h3>Cơ quan chủ quản</h3>
                    <p>
                        Tập đoàn điện lực Việt Nam
                        <br>
                        Địa chỉ:...................
                        <br>
                        Hotline: 1900 8098
                        <br>
                        Email: cskh_ict@evn.com.vn
                    </p>
                </div>
                <div class="col-sm-6 footer-area">
                    <h3>Liên kết</h3>
                    <ul class="grouplogo">
                        <li>
                            <a href="http://www.nea.org.np/">
                                <img src="img/logo/lg1.jpg" class="img-responsive" />
                            </a>
                        </li>
                        <li>
                            <a href="http://www.kepco.co.kr/eng/">
                                <img src="img/logo/kepco.jpg" class="img-responsive">
                            </a>
                        </li>
                        <li>
                            <a href="http://www.tepco.co.jp/en/index-e.html">
                                <img src="img/logo/tepco.jpg" class="img-responsive">
                            </a>
                        </li>
                        <li>
                            <a href="http://www.aes.com/aes/index?page=home">
                                <img src="img/logo/lg4.jpg" class="img-responsive">
                            </a>
                        </li>
                        <li>
                            <a href="http://tnb.com.my/">
                                <img src="img/logo/lg5.jpg" class="img-responsive">
                            </a>
                        </li>
                        <li>
                            <a href="http://www.singaporepower.com.sg/irj/portal">
                                <img src="img/logo/lg6.jpg" class="img-responsive">
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="col-sm-3 footer-area">
                    <h3>Kết nối</h3>
                    <ul class="ul-social">
                        <li>
                            <a title="Facebook" target="_blank" href="https://www.facebook.com/shopone.vtict"></a>
                        </li>
                        <li>
                            <a title="Twitter" target="_blank" href="https://twitter.com/ShoponeViettel"></a>
                        </li>
                        <li>
                            <a title="Google Plus" target="_blank" href="https://plus.google.com/u/0/108206157364230239289/posts"></a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="container">
                <p id="footer-text">
                    © 2014 Tập đoàn Điện lực Việt Nam. Giấy phép trang điện tử số 121/GP-BVHTT, ngày 16/04/2003.
                    <br>
                    Chịu trách nhiệm nội dung EVNIT. Thiết kế bởi
                    <a href="http://www.evnit.vn/">EVNIT </a>
                </p>
            </div>
        </div>
    </section>


    <!--Contact-->
    <div style="display: block; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; padding: 0px; border: 0px none; background-color: transparent; overflow: hidden; position: fixed; z-index: 16000001; bottom: 0px; width: 235px; height: 33px; right: 10px;" class="sbzoff">
        <iframe frameborder="0" style="background-color: transparent; vertical-align: text-bottom; position: relative; width: 100%; height: 100%; margin: 0px; overflow: hidden;" src="Contact.html" id="sbzoff_frame">                        
        </iframe>
    </div>

    <a id="back-to-top" href="#" class="btn btn-primary btn-lg back-to-top" role="button" title="Trờ về đầu trang" data-toggle="tooltip" data-placement="left"><span class="glyphicon glyphicon-chevron-up"></span></a>

    <!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/Main.js"></script>
</body>
</html>
